<template>
    <div class="main">
        <div class="banner">
            <!-- baner -->
            <van-swipe :autoplay="5000" class="swipe">
                <van-swipe-item>
                    <img src="../../assets/img/cjwt.png" />
                </van-swipe-item>
                
            </van-swipe>
        </div>
        <div class="content">
            <h1>常见问题</h1>
            <ul>
                <li>
                    <h4>1、行驶证显示上传成功，但不能正常提交？</h4>
                    <p>该行驶证部分信息未能正确识别，导致无法正常显示，请重新拍照上传，清晰并完整的行驶证照片。</p>
                </li>
                <li>
                    <h4>2、行驶证一直上传失败怎么办？</h4>
                    <p>请仔细查看提示原因，如提示“车牌号与行驶证的不一致”，
                        确认是否手动输入的错了，如确认没错，换角度重新拍照上传，避免拍的照片反光或不完整，不清晰
                    </p>
                </li>
                <li>
                    <h4>3、行驶证上传一直转圈加载？</h4>
                    <p>部分机型拍照文件过大，导致上传速度变慢，可以选择上传小的照片，或对原图截图重新上传，
                        部分机型也会因为网络原因，导致上传一直加载，建议切换网络后重新上传。
                    </p>
                </li>
                <li>
                    <h4>4、上传行驶证时没有拍照功能？</h4>
                    <p>部分机型因兼容性导致拍照功能并未显示，建议先使用手机拍照功能，拍好行驶证主副页后，再从文件中选择已拍好的行驶证照片上传。</p>
                </li>
                <li>
                    <h4>5、车辆添加并提交成功，缴费时退出后，想重新缴费在哪？</h4>
                    <p>在首页底部导航栏，点击订单按钮，并打开订单列表页，找到未缴费订单，重新缴费。</p>
                </li>
                <li>
                    <h4>6、车辆检测如何收费的？</h4>
                    <table width='100%' border="1" style="text-align: center;">
                        <tr>
                            <td>序号</td>
                            <td>车辆类型</td>
                            <td>车身长度<br>（单位：米）</td>
                            <td>总费用<br>（单位：元）</td>
                            <td>人工外检</td>
                            <td>环检</td>
                            <td>安检</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>小型客车</td>
                            <td>/</td>
                            <td>330</td>
                            <td>130</td>
                            <td>100</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>轻型普通货车<br>（含低速车）</td>
                            <td>≤6</td>
                            <td>450</td>
                            <td>200</td>
                            <td>150</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td rowspan="2">3</td>
                            <td rowspan="2">中、重型普<br>通货车</td>
                            <td>≤8</td>
                            <td>550</td>
                            <td>300</td>
                            <td>150</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td>≥8</td>
                            <td>650</td>
                            <td>400</td>
                            <td>150</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>半挂牵引车</td>
                            <td>/</td>
                            <td>450</td>
                            <td>200</td>
                            <td>150</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>挂车</td>
                            <td>/</td>
                            <td>500</td>
                            <td>400</td>
                            <td>/</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td rowspan="2">6</td>
                            <td rowspan="2">专项作业车</td>
                            <td>≤8</td>
                            <td>500</td>
                            <td>250</td>
                            <td>150</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td>≥8</td>
                            <td>600</td>
                            <td>350</td>
                            <td>150</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td>危险货物运<br>输车</td>
                            <td>/</td>
                            <td>1000</td>
                            <td>750</td>
                            <td>150</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td>8</td>
                            <td>大型客车</td>
                            <td>/</td>
                            <td>600</td>
                            <td>350</td>
                            <td>150</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td>9</td>
                            <td>轻型厢式货车</td>
                            <td>≤6</td>
                            <td>400</td>
                            <td>150</td>
                            <td>150</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>中、重型厢式货车</td>
                            <td>≥6</td>
                            <td>600</td>
                            <td>350</td>
                            <td>150</td>
                            <td>100</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td>摩托车</td>
                            <td>/</td>
                            <td>160</td>
                            <td>50</td>
                            <td>/</td>
                            <td>110</td>
                        </tr>
                        <tr>
                            <td>12</td>
                            <td>综检<br>（等级评定）</td>
                            <td colspan="2">货车  400</td>
                            <td colspan="3">客车  300</td>
                        </tr>
                    </table>
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{

        }
    },
    created(){

    },
    mounted(){

    },
    methods:{

    }
}
</script>
<style lang="less" scoped>
    .main{
        .banner{
            .swipe {
                width: 8.93rem;
                height: 3.73rem;
                margin: 0.3rem auto;
                border-radius: 0.1rem;
                overflow: hidden;
                img {
                    width: 100%;
                    height: inherit;
                }
            }
        }
        .content{
            border-top: 1px solid #333;
            width: 96%;
            margin: 0.3rem auto 0 auto;
            padding: 0.2rem 0.3rem 0.5rem 0.3rem;
            box-sizing: border-box;
            h1{
                font-size: 0.45rem;
                font-weight: 800;
                line-height: 0.8rem;
            }
            ul{
                li{
                    margin:0 0.3rem;
                    box-sizing: border-box;
                    border-bottom: 1px solid #333;
                    h4{
                        font-size: .4rem;
                        font-weight: 800;
                        line-height: 0.6rem;
                        margin: 0.2rem auto 0.2rem auto;
                    }
                    p{
                        font-size: 0.35rem;
                        line-height: 0.6rem;
                        padding: .2rem 0.3rem;
                        box-sizing: border-box;
                    }
                }
                li:last-child{
                    border-bottom: 0;
                }
               
            }
        }
    }
</style>